<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css边框样式</title>
	<style>
	p {

		/*border-width:2px;
		border-style:dashed;
		border-style:solid;
		border-style:dotted;
		border-color:red;*/

		/*border-top-width:2px;
		border-top-style:dotted;
		border-top-color:red;*/
		
		/*border-right-width:2px;
		border-right-style:dotted;
		border-right-color:red;

		border-bottom-width:2px;
		border-bottom-style:dotted;
		border-bottom-color:red;

		border-left-width:2px;
		border-left-style:dotted;
		border-left-color:red;*/
		
		/*border:2px dotted red;*/
		/*border-right:2px dotted red;
		border-left:2px dotted red;
		border-bottom:2px dotted red;
		border-top:2px dotted red;*/

		border:2px dotted red;
	}
	</style>
</head>
<body>
	<p>001</p>
	<p>002</p>
	<p>003</p>
	<p>004</p>
	<p>005</p>
	<p>006</p>
	<p>007</p>
	<p>008</p>
	<p>009</p>
	<p>010</p>
</body>
</html>